<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /* 类选择器 class
            1.设置给元素的class属性，写什么都可以，有意义即可
            2.css中，class的值即可命中对应的元素
        */
        .city{
            font-weight: 900;
            font-size: 30px;
            color: orange;
        }
        .good{
            /* 元素如果同时添加了class的样式和元素选择器的样式
                .class的优先级高一些>元素选择器
            */
            background-color: yellow;
        }
        span{
            font-style: italic;
            background-color: skyblue;
        }
    </style>
    <title>Document</title>
</head>
<body>
    <h1 class="good">美称月饼</h1>
    <p>
        <span class="good">2024年9月</span>，在疯狂小杨哥及其旗下各大主播直播间均有在售一款名为香港<span class="city">美诚品牌的月饼</span>，
        该月饼有99元3盒、169元3盒等不同款式，蓝鲸记者查询第三方数据平台发现，该品牌在抖音近30天的销售额已经超过了5000万元，这一成绩与知名<span class="city">香港月饼品牌美心相当</span>，而在销量上则远超美心。  
        9月12日，#月销5000万元的<span class="city">香港月饼</span>香港买不到#冲上热搜。 [2-3]9月15日，有网友发布对比图显示，香港美诚月饼的生产商广州美诚食品科技有限公司，其所在地招牌上已经不见该公司名字，取而代之的是一家“广州市仙朗服装配件有限公司”，质疑广州美诚食品科技公司连夜跑路改卖羽绒服。 [6]9月17日，合肥高新区市场监督管理局发布情况通报称，对<span class="city">三只羊网络科技有限公司</span>在直播中涉嫌“误导消费者”等行为，现已立案调查，将根据调查结果依法依规处理。抖音商城消费者客服热线一工作人员表示，平台已介入，结果出来后会公示，
    </p>
</body>
</html>